<template>
	<footer>
		<div class="contact">
			<div class="contact_title">
				<strong>联系我们/CONTACT US</strong>
			</div>
			<div class="tel">
				<p>公司地址：上海市XX区XX路XX街XX号</p>
				<p>邮箱：您的邮箱@163.com</p>
				<p>电话：021-xxxx-xxxx</p>
				<p>热线：400-XXX-XXXX</p>
			</div>
			<div class="coder">
				<p>关注国际酒店</p>
				<img src="../../assets/3nn8.jpg" alt="" />
			</div>
			<div class="foot_nav">
				<router-link to="/">网站首页</router-link>
				<router-link to="/about">关于我们</router-link>
				<router-link to="/proList">精选路线</router-link>
				<router-link to="/newsList">新闻资讯</router-link>
				<router-link to="/bespoke">预约旅行</router-link>
				<router-link to="/contact">联系我们</router-link>
			</div>
		</div>
		<div class="copyRight">
			<p>Copyright © 2009 - 2017 Cld , All Rights Reserved </p>
			<img src="../../assets/pic.gif" alt="" />
		</div>
	</footer>
</template>

<script>
	export default {
		components : {
			
		},
		data (){
			return {
			
			}
		},
		methods : {
		
		}
	}
</script>

<style>

	footer{
		background:#111; padding-top:0.3rem; text-align:center; clear: both; overflow: hidden;
	}
	.foot_nav{
		margin-bottom:0.2rem; overflow:hidden;
	}
	.foot_nav a{
		width:0.8rem; height:0.3rem; border:0.01rem solid rgba(67,67,67,1); color:rgba(153,153,153,1); text-align:center; display:block; float:left; line-height:0.3rem; margin-left:0.18rem; margin-bottom:0.12rem;
	}
	
	.contact .contact_title strong{
		font-size: 0.16rem; color: #fff; margin:0.1rem auto; display: inline-block;
	}
	.contact .coder{
		clear:both;
	}
	.contact .coder p{
		color:#fff;  line-height:0.3rem; font-size: 0.16rem;
	}
	.contact .coder img{
		height:0.72rem; width:0.72rem; margin:0.1rem 0.1rem 0.2rem;
	}
	
	.contact .tel{
		color:rgb(204,204,204); line-height:0.3rem;
	}
	
	.copyRight{
		border-top:0.01rem solid rgb(67, 67, 67); background: #fff; height:0.65rem; padding-top:0.1rem; line-height:0.25rem; color:rgb(102, 102, 102);
	}
	.copyRight img{
		margin-top: 0.1rem; width:0.5rem; height: 0.12rem;
	}
</style>



























